<template>
  <div class="userDialogue">
    <div class="dflex">
      <el-avatar />
      <div>
        <span class="txt">{{ props.data || '' }}</span>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>

interface Props {
  data: string
}
const props = defineProps<Props>()
console.log(props.data);

</script>
<style lang="scss" scoped>
.userDialogue {
  .dflex {
    .txt {
      margin-left: 10px;
    }

  }
}
</style>

